* {position: relative; z-index: 0;}
body {
	font-size: 1.2em;
	color: #333;
	background-color: #fff;
	font-family: monospace;
	margin: 0;
	padding: 1em;
}
input.textinput {
	color: inherit;
	font: inherit;
	background: inherit;
	border: none;
	margin: 0;
	padding: 0;
}
/*.buttons {float: left; margin-left: 1em;}*/
.buttons {position: fixed; top: 1em; right: 1em;}
.root {width: 90%; float: left;}
.label {font-weight: bold;}
.label, .value {display: inline;}
.processing-instruction > .label {color: #060;}
.element > .label {color: #800;}
.attribute > .label {color: #008;}
.processing-instruction {padding: 0.2em 0 0 0; border: thin solid hsla(0,0%,100%,0);}
.element, .attribute, .comment, .text {
padding: 0.2em 0 0 2em;
border: thin solid hsla(0,0%,100%,0);
border-left: thin solid #ccf;
}
.comment {font-style: italic; color: #660;}
.controls {position: absolute; right: 0.2em; top: 0.1em; display: none;}
.delete {
	background-color: red;
	color: white;
	padding: 0.1em 0.2em;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
}